<!DOCTYPE html>
<html lang="en">
	<head>
		<title>家庭律师</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<link rel="stylesheet" type="text/css" href="css/global.css" />
		<link rel="stylesheet" type="text/css" href="css/l-my-wallet.css" />
		<!-- font-awesome icons -->
		<link href="css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
		<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet'
		 type='text/css'>
		<!-- //font -->
		<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<script src="js/bootstrap.js"></script>

		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
	</head>
	<body>
		<div class="l-main l-container">

			<div class="l-my-wallet l-flex-item_c-just_c">

				<div class="l-list-width l-flex l-flex-wrap">
					<div class="l-my-nav-menu"><img src="image/l-menu.png"></div>
					<div class="l-my-nav l-my-nav-opacity">
						<div class="l-my-nav-item l-my-nav-item-1">
							<span class="l-my-avatar-view"><img src="image/head-portrait.png" class="l-my-avatar"></span>
							<span>么么哒</span>
						</div>
						<div class="l-my-nav-item ">
							<img src="image/l-my-icon-1.png" style="margin-right: 15px;">
							<span>我的发布</span>
						</div>
						<div class="l-my-nav-item">
							<img src="image/l-my-icon-2.png" style="margin-right: 15px;">
							<span>我的订单</span>
						</div>
						<div class="l-my-nav-item ">
							<img src="image/l-my-icon-3.png" style="margin-right: 15px;">
							<span>我的关注</span>
						</div>
						<div class="l-my-nav-item l-my-nav-item-active">
							<img src="image/l-my-icon-4.png" style="margin-right: 15px;">
							<span>我的钱包</span>
						</div>
						<div class="l-my-nav-item">
							<img src="image/l-my-icon-5.png" style="margin-right: 15px;">
							<span>我的收藏</span>
						</div>
						<div class="l-my-nav-item">
							<img src="image/l-my-icon-6.png" style="margin-right: 15px;">
							<span>批评建议及投诉</span>
						</div>
						<div class="l-my-nav-item">
							<img src="image/l-my-icon-7.png" style="margin-right: 15px;">
							<span>退出</span>
						</div>
					</div>
					<div class="l-my-content ">
						<div class="l-content">
							<div class="l-ctn-top l-flex l-flex-item_c-just_sb l-flex-wrap">
								<div>
									<div>
										<span class="l-ctn-span-1">我的钱包总金额</span>
										<span class="l-ctn-span-2">0</span>
										<span class="l-ctn-span-3">.00元</span>
									</div>
									<div>
										<span class="l-ctn-span-4">可用金额：0.00元</span>
										<span class="l-ctn-span-5">提现中金额：0.00元</span>
									</div>
								</div>
								<div>
									<button type="button"  class="l-ctn-btn">充值</button>
								</div>
							</div>
							<div class="l-ctn-bottom">
								<div class="l-btn-b-title">
									充值
								</div>
								<div class="l-btn-b-ctn">
									<div class="table-responsive">
										<table class="l-table table table-hover" style="width: 959px;">
												<script type="text/javascript">
													{
													var tab = [{
															a:'交易编号',
															b:'时间',
															c:'全部类型',
															d:'金额',
															e:'对应订单号账号',
															f:'操作'
														}]
														
														tab.forEach(function(e){
															document.write(
																'<tr class="l-table-head">'+
																'	<th>'+e.a+'</th>'+
																'	<th>'+e.b+'</th>'+
																'	<th>'+e.c+'</th>'+
																'	<th>'+e.d+'</th>'+
																'	<th>'+e.e+'</th>'+
																'	<th>'+e.f+'</th>'+
																'</tr>'
															)
														})
													}
												</script>
											
											<script type="text/javascript">
												{
												var object = {
														a:'3993030002200202',
														b:'2019-08-14 15:28:00',
														c:'提现',
														d:'+500.70',
														e:'6217********103',
														f:'详情'
													}
												var list = [object,object,object,object,object,object,object,object,object,object]
													
													list.forEach(function(e,i){
														document.write(
															'<tr>'+
															'	<td>'+e.a+'</td>'+
															'	<td>'+e.b+'</td>'+
															'	<td>'+e.c+'</td>'+
															'	<td class="l-table-price-red '+(i > 5 ? 'l-table-price' : '')+'">'+e.d+'</td>'+
															'	<td>'+e.e+'</td>'+
															'	<td class="l-table-td">'+e.f+'</td>'+
															'</tr>'
														)
													})
												}
											</script>
											
										</table>
									</div>
								</div>
							
								<div class="l-page-view l-flex l-flex-just_end">
									<div class="l-pages l-flex">
										<div class="l-pages-item">
											&lt;
										</div>
										<div class="l-pages-item">
											1
										</div>
										<div class="l-pages-item">
											2
										</div>
										<div class="l-pages-item">
											3
										</div>
										<div class="l-pages-item l-pages-item-not-border">
											...
										</div>
										<div class="l-pages-item">
											&gt;
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>

				</div>

			</div>
		</div>

		<script src="js/l-my-menu.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
